// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;


@include bem_b(button) {
  // 聚焦
  @include when(active) {
    @include VueAndNvueStyleAttr('opacity','button', 'active-opacity');
    &--plain {
      background-color: rgb(217, 217, 217);
    }
  }
  &__loading-text {
    margin-left: 4px;
  }

  &__text,
  &__loading-text {
    @include VueAndNvueStyleAttr('color','button', 'default-text-color');
  }

  &__text--plain--error {
    @include VueAndNvueStyleAttr('color','color', 'error');
  }

  &__text--plain--warning {
    @include VueAndNvueStyleAttr('color','color', 'warning');
  }

  &__text--plain--success {
    @include VueAndNvueStyleAttr('color','color', 'success');
  }

  &__text--plain--info {
    @include VueAndNvueStyleAttr('color','color', 'info');
  }

  &__text--plain--primary {
    @include VueAndNvueStyleAttr('color','color', 'primary');
  }
}
